*{font-family:arial;}

.level{
position: relative; 
clear: left;
top: 60px;
}
.temp{
position: relative; 
clear: left;
top: 20px;
}
.flow{
position: relative; 
clear: left;
top: 60px;
}
.pressure{
position: relative; 
clear: left;
top: 60px;
}
.controllers{
position: relative; 
clear: left;
top: 60px;
} 
#manufacturer {
position:relative;
top: 10px;
font-size: 18.5px;}

/* ----- water page ------ */
#subtit {
color: black ;
 position: relative;
    left: 50px;
    bottom: 24px;
	font-size: 28px;
}

#faicon2
{
position: relative;
left: 260px;
bottom: 95px;
}
.itemtext {
width: 800px;
position: relative;
left: 80px;}

.itemp {

}

.diaphram {
position: relative; 
clear: left;
top: 20px;
}
/*water maintenance brand images */
.brandimg img {
margin-left: 10px;
padding-right: 5px;
border: 1px solid transparent;
box-shadow: 1px 1px 5px #ffdd99;
margin-top: 10px;

}
/* end of brand images */
/*#targets:target {
     -webkit-animation: target-fade 1s;
    -moz-animation: target-fade 1s;
    -o-animation: target-fade 1s;
    animation: target-fade 1s;
	background-color: yellow;
} */





/* #targets:target {
  animation: highlight 1s ease;  
  transform: translateX(20px);     
}
#targets@keyframes highlight {
  0% { border-left-color: red; }
  100% { border-left-color: white; }
}
#targets > div {
  border-left: 40px solid white;
  padding: 10px;
  transition: all 0.5s ease;     
  padding-right: 50px;
  margin-left: -20px;    
} */



.water
{
position: relative;
text-align: center;
top: 100px;
left: 290px;
width: 800px;
font-size: 20px;}
.design
{position: relative;
top: 120px;
left: 260px;
text-align: left;}

.maintenance {
position: relative;
bottom: 220px;
left: 710px;
text-align: left;
}
 .design:hover {
 border: solid;
border-bottom-color: #ebebe0;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
 width:350px;
 height: 400px;
 border-width: 10px;
 }
  .maintenance:hover {
 border: solid;
border-bottom-color: #ebebe0;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
 width:400px;
 height: 400px;
 border-width: 10px;
 }
 
 .designlogos2 {
 width: 100%;
 text-align: center;
 margin-top: 0px;
 position:relative;
 top: 30px;
 }
.designlogos2 img {
border-bottom-style: solid;
border-color: white;}

.designlogos2 img:hover{
border-bottom-color: #ffcc66; 
}